<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>008-表单</title>
	</head>
	<body>
		<form action="/" method="post">
			<!-- 文本输入框 -->
			<label for="name">用户名:</label>
			<input type="text" id="name" name="name" required />

			<br />

			<!-- 密码输入框 -->
			<label for="password">密码:</label>
			<input type="password" id="password" name="password" required />

			<br />

			<!-- 单选按钮 -->
			<label>性别:</label>
			<input type="radio" id="male" name="gender" value="male" checked />
			<label for="male">男</label>
			<input type="radio" id="female" name="gender" value="female" />
			<label for="female">女</label>

			<br />

			<!-- 复选框 -->
			<input type="checkbox" id="subscribe" name="subscribe" checked />
			<label for="subscribe">订阅推送信息</label>

			<br />

			<!-- 下拉列表 -->
			<label for="country">国家:</label>
			<select id="country" name="country">
				<option value="cn">CN</option>
				<option value="usa">USA</option>
				<option value="uk">UK</option>
			</select>

			<br />

			<!-- 文本域 -->
			<textarea rows="10" cols="30" name="notes">我是一个文本框。</textarea>

			<br />

			<!-- 提交按钮 -->
			<input type="submit" value="提交" />
		</form>
	</body>
</html>
